﻿<!-- 调课管理-调课审核 -->
<template>
    <div>
        <!-- 添加按钮 -->
        <div class="btn-add">
          
        </div>
        <!-- 按条件选择 -->
        <div class="tab-filter-type ">

            <div class="col-xs-3 padding20">
                <div class="input-group" style="margin-bottom:10PX;">
                    <div class="input-group-btn">
                        <button type="button" style="height: 34px;min-width:80PX" class="btn btn-primary  dropdown-toggle">学期</button>
                    </div>
                    <base-xq :pzoption="query.xq"></base-xq>

                </div>
            </div>
            <div class="col-xs-3 padding20">
                <div class="input-group" style="margin-bottom:10PX;">
                    <div class="input-group-btn">
                        <button type="button" style="height: 34px;min-width:80PX" class="btn btn-primary  dropdown-toggle">课程系部</button>
                    </div>
                    <base-xb :pzoption="query.xb" isqx isdx iskc></base-xb>
                </div>
            </div>


            <div class="col-xs-3 padding20">
                <div class="input-group" style="margin-bottom:10PX;">
                    <div class="input-group-btn">
                        <button type="button" style="height: 34px;min-width:80PX" class="btn btn-primary  dropdown-toggle">审核状态</button>
                    </div>
                    <el-select placeholder="审核状态" size="mini" v-model="query.shzt" class="form-control filter" style="height: 34px;padding:0px">
                        <el-option label="已审核" value="1"></el-option>
                    </el-select>

                </div>
            </div>
        </div>
        <div class="default-tab ft14  hover-btn" style="overflow-x: inherit;padding:20PX;padding-top:10px">
            <base-table :pzoption="tableop" @selection-change="handleSelectionChange">
            </base-table>
        </div>

        

        <!-- 表格 -->



    </div>
</template>

<script>
    module.exports = {
        props: ['pdata'],
        components: {
            'base-table': httpVueLoader('/ViewV5/Base/Vue/Table.vue'),
            'base-xq': httpVueLoader('/ViewV5/AppPage/QJJW/component/conxq.vue'),
            'base-xb': httpVueLoader('/ViewV5/AppPage/QJJW/component/conxb.vue?v=2')
        },
        data: function () {
            return {
                search: "",
                kcdm: "",
                jssl: 0,
                shzt: 0,
                shyj: "",
                jcdataset: [],
                query: {
                    zc: "1",
                    shzt: "1",
                    xq: { value: "" },
                    xb: { value: [] },
                },
                js: { value: "" },
                alldata: [],
                seljc: { jcmc: "", isbn: "" },
                tableop: {
                    title: "调课信息",
                    issel: true,
                    iscz: false,
                    height: 500,
                    isxh: true,
                    dataset: [],
                    loading: true,
                    multipleSelection: [],
                    collist: [
                        { colid: "kcmc", colname: "课程名称", isshow: true, istip: true },
                        { colid: "kcdm", colname: "课程代码", isshow: false, istip: true, nosort: true },
                        { colid: "jsmc", colname: "上课教师", isshow: true, istip: true },
                        { colid: "hbbj", colname: "上课班级", isshow: true, istip: true },
                        { colid: "SKXX", colname: "原上课时间", isshow: true, istip: false, width: "160" },
                        { colid: "dKXX", colname: "调课后时间", isshow: true, istip: false, width: "160" },
                        { colid: "jse", colname: "原上课教室", isshow: true, istip: false },
                        { colid: "dkjse", colname: "调课后教室", isshow: true, istip: false },
                        { colid: "dkyy", colname: "调课原因", isshow: true, istip: true },
                        { colid: "CRDate", colname: "申请时间", isshow: true, istip: true },
                        { colid: "shsj", colname: "审核时间", isshow: true, istip: true },
                        { colid: "shyj", colname: "审核意见", isshow: true, istip: true },
                        { colid: "xbmc", colname: "系部名称", isshow: true, istip: true },
                        { colid: "xq", colname: "学期", isshow: true, istip: true, nosort: true },


                    ]
                }
            }
        },
        methods: {
            handleSelectionChange(val) {
                this.tableop.multipleSelection = val;
            },
            querydata: function () {
                var pro = this;
                pro.tableop.loading = true;
                $.getJSON('/API/VIEWAPI.ashx?Action=TKGL_GETSHTK', { P1: pro.query.xq.value, P2: pro.query.xb.value.join(), shzt: pro.query.shzt }, function (resultData) {
                    if (!resultData.ErrorMsg) {
                        pro.tableop.dataset = resultData.Result;
                        pro.tableop.loading = false;
                    }
                })

            },

            InitWigetData: function () {
                this.querydata();
            },
        },
        watch: {
            'query': { //深度监听，可监听到对象、数组的变化
                handler(newV, oldV) {
                    var chi = this;
                    if (newV) {
                        chi.querydata();
                    }
                },
                deep: true
            }
        },
        mounted: function () {
            var pro = this;
            pro.$nextTick(function () {
                //pro.InitWigetData();
            })

        }
    };
</script>